<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ page isELIgnored="false"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<title>ManageSystem</title>
	<link rel="stylesheet" href="css/font.css">
	<link rel="stylesheet" href="css/manageSys.css">
	<script src="js/jquery-3.1.1.min.js"></script>
</head>

<body>
<!--导航栏标题表单-->
<form id="menu_manageSys_form" action="goToModel.do" method="post">
	<input type="hidden" name="modelName" value="教学管理系统"/>
	<input type="hidden" name="userName" value="${userName}"/>
</form>

<!--导航栏-->
<div id="navbar">
	<!--导航栏标题-->
	<div id="navbar_title_div">
		<!--占位块-->
		<div style="width:100%;height:20%"></div>
		<span id="navbar_title_span">
			教学管理系统
		</span>
	</div>
	<!--导航栏标题end-->

	<!--占位块-->
	<div style="width:100%;height:5%"></div>

	<!--菜单栏-->
	<div class="menu">
		<!--重复6个菜单项-->
		<div class="menu_item_div">
			<div style="width:100%;height:10%"></div>
			<center>
				<div class="menu_item" id="setStudentInfo">
					<div style="width:100%;height:10%"></div>
					<form id="menu_setStudentInfo_form" action="goToModel.do" method="post">
						<input type="hidden" name="modelName" value="学生信息录入"/>
						<input type="hidden" name="userName" value="${userName}"/>
					</form>
					<span class="menu_item_span">学生信息录入</span>
				</div>
			</center>
		</div>
		<div class="menu_item_div">
			<div style="width:100%;height:10%"></div>
			<center>
				<div class="menu_item" id="setTeacherInfo">
					<div style="width:100%;height:10%"></div>
					<form id="menu_setTeacherInfo_form" action="goToModel.do" method="post">
						<input type="hidden" name="modelName" value="教师信息录入"/>
						<input type="hidden" name="userName" value="${userName}"/>
					</form>
					<span class="menu_item_span">教师信息录入</span>
				</div>
			</center>
		</div>
		<div class="menu_item_div">
			<div style="width:100%;height:10%"></div>
			<center>
				<div class="menu_item" id="setCourseInfo">
					<div style="width:100%;height:10%"></div>
					<form id="menu_setCourseInfo_form" action="goToModel.do" method="post">
						<input type="hidden" name="modelName" value="课程信息录入"/>
						<input type="hidden" name="userName" value="${userName}"/>
					</form>
					<span class="menu_item_span">课程信息录入</span>
				</div>
			</center>
		</div>
		<div class="menu_item_div">
			<div style="width:100%;height:10%"></div>
			<center>
				<div class="menu_item" id="studentSelection">
					<div style="width:100%;height:10%"></div>
					<form id="menu_studentSelection_form" action="goToModel.do" method="post">
						<input type="hidden" name="modelName" value="学生选课操作"/>
						<input type="hidden" name="userName" value="${userName}"/>
					</form>
					<span class="menu_item_span">学生选课操作</span>
				</div>
			</center>
		</div>
		<div class="menu_item_div">
			<div style="width:100%;height:10%"></div>
			<center>
				<div class="menu_item" id="teacherSelection">
					<div style="width:100%;height:10%"></div>
					<form id="menu_teacherSelection_form" action="goToModel.do" method="post">
						<input type="hidden" name="modelName" value="教师授课操作"/>
						<input type="hidden" name="userName" value="${userName}"/>
					</form>
					<span class="menu_item_span">教师授课操作</span>
				</div>
			</center>
		</div>
		<div class="menu_item_div">
			<div style="width:100%;height:10%"></div>
			<center>
				<div class="menu_item" id="studentGrade">
					<div style="width:100%;height:10%"></div>
					<form id="menu_studentGrade_form" action="goToModel.do" method="post">
						<input type="hidden" name="modelName" value="学生课程成绩"/>
						<input type="hidden" name="userName" value="${userName}"/>
					</form>
					<span class="menu_item_span">学生课程成绩</span>
				</div>
			</center>
		</div>
	</div>
	<!--菜单栏end-->
</div>
<!--导航栏end-->

<!--动画触发块-->
<div id="navbar_animate_div">
	<!--动画触发块图标-->
	<div id="navbar_animate_img_div">
		<!--占位块-->
		<div style="width:100%;height:20%"></div>
		<img class="navbar_animate_img" src="images/menu.svg"/>
	</div>
	<!--动画触发块标题end-->

	<!--占位块-->
	<div style="width:100%;height:5%"></div>

	<div class="menu">
		<!--重复6个菜单项图标-->
		<div class="menu_item_div">
			<div style="width:100%;height:10%"></div>
			<center>
				<div class="animate_menu_item">
					<div style="width:100%;height:22%"></div>
					<img class="navbar_animate_img" id="setStudentInfo_img" src="images/setStudentInfo.svg"/>
				</div>
			</center>
		</div>
		<div class="menu_item_div">
			<div style="width:100%;height:10%"></div>
			<center>
				<div class="animate_menu_item">
					<div style="width:100%;height:22%"></div>
					<img class="navbar_animate_img" id="setTeacherInfo_img" src="images/setTeacherInfo.svg"/>
				</div>
			</center>
		</div>
		<div class="menu_item_div">
			<div style="width:100%;height:10%"></div>
			<center>
				<div class="animate_menu_item">
					<div style="width:100%;height:22%"></div>
					<img class="navbar_animate_img" id="setCourseInfo_img" src="images/setCourseInfo.svg"/>
				</div>
			</center>
		</div>
		<div class="menu_item_div">
			<div style="width:100%;height:10%"></div>
			<center>
				<div class="animate_menu_item">
					<div style="width:100%;height:22%"></div>
					<img class="navbar_animate_img" id="studentSelection_img" src="images/studentSelection.svg"/>
				</div>
			</center>
		</div>
		<div class="menu_item_div">
			<div style="width:100%;height:10%"></div>
			<center>
				<div class="animate_menu_item">
					<div style="width:100%;height:22%"></div>
					<img class="navbar_animate_img" id="teacherSelection_img" src="images/teacherSelection.svg"/>
				</div>
			</center>
		</div>
		<div class="menu_item_div">
			<div style="width:100%;height:10%"></div>
			<center>
				<div class="animate_menu_item">
					<div style="width:100%;height:22%"></div>
					<img class="navbar_animate_img" id="studentGrade_img" src="images/studentGrade.svg"/>
				</div>
			</center>
		</div>
	</div>
	<!--菜单栏end-->
</div>

<!--顶部栏-->
<div id="headerbar">
	<!--占位块-->
	<div style="width:100%;height:10%"></div>

	<!--模块标题-->
	<div id="model_title">
		<!--占位块-->
		<div style="width:100%;height:6%"></div>
		<span id="model_title_span">${modelName}</span>
	</div>
	<!--模块标题end-->

	<!--用户名-->
	<div id="username">
		<!--占位块-->
		<div style="width:100%;height:6%"></div>
		<span id="welcome_span">管理员：</span>
		<span id="username_span">${userName}</span>
	</div>
	<!--用户名end-->

	<!--注销-->
	<div id="logout">
		<img id="logout_img" src="images/logout.svg"/>
		<span id="logout_span">注销</span>
	</div>
	<!--注销end-->
</div>
<!--顶部栏end-->

<!--占位图片-->
<div id="background_manageSys_div">
	<div id="background_manageSys"></div>
</div>
<!--占位图片end-->

<script>
	/*导航栏动画鼠标移动事件*/
	$(document).ready(function () {//导航栏初始弹出
		var animate = ${animate};
		console.log(animate);
		if (animate == 0)//禁用动画,初始为弹出状态
		{
			$("#navbar").css('left', '50px');
		}
	});

	/*$("#navbar_animate_div").mouseenter(function () {//鼠标移入导航栏动画触发块
		$("#navbar").stop().animate({//添加animate事件,取消div左移,滑入
			left:'50px',
			height:'100%',
			width:'200px'
		});
	});

	$("#navbar").mouseleave(function () {//鼠标移出导航栏动画触发块
		$("#navbar").stop().animate({//添加animate事件,div左移,滑出
			left:'-150px',
			height:'100%',
			width:'200px'
		});
	});*/

	/*注销按钮鼠标移动事件*/
	$("#logout").mouseenter(function () {//鼠标移入
		$("#logout").css('background','#999999');
	});

	$("#logout").mouseleave(function () {//鼠标移出
		$("#logout").css('background','#BDBDBD');
	});

	/*注销按钮点击事件*/
	$("#logout").click(function (){
		alert("注销成功！");
		/*$("#menu_logout_form").submit();*/
		location.href="http://localhost:8080/schoolInfoMgmtSys/";
	});

	/*菜单项鼠标移动事件*/
	$("#setStudentInfo").mouseenter(function () {//鼠标移入
		$("#setStudentInfo").css('background','rgba(240,134,80,1)');
		$("#setStudentInfo").css('box-shadow','2px 2px 1px 1px #888888');
	});

	$("#setStudentInfo").mouseleave(function () {//鼠标移出
		$("#setStudentInfo").css('background','rgba(240,134,80,0.7)');
		$("#setStudentInfo").css('box-shadow','3px 3px 4px 2px #888888');
	});

	$("#setTeacherInfo").mouseenter(function () {//鼠标移入
		$("#setTeacherInfo").css('background','rgba(240,134,80,1)');
		$("#setTeacherInfo").css('box-shadow','2px 2px 1px 1px #888888');
	});

	$("#setTeacherInfo").mouseleave(function () {//鼠标移出
		$("#setTeacherInfo").css('background','rgba(240,134,80,0.7)');
		$("#setTeacherInfo").css('box-shadow','3px 3px 4px 2px #888888');
	});

	$("#setCourseInfo").mouseenter(function () {//鼠标移入
		$("#setCourseInfo").css('background','rgba(240,134,80,1)');
		$("#setCourseInfo").css('box-shadow','2px 2px 1px 1px #888888');
	});

	$("#setCourseInfo").mouseleave(function () {//鼠标移出
		$("#setCourseInfo").css('background','rgba(240,134,80,0.7)');
		$("#setCourseInfo").css('box-shadow','3px 3px 4px 2px #888888');
	});

	$("#studentSelection").mouseenter(function () {//鼠标移入
		$("#studentSelection").css('background','rgba(240,134,80,1)');
		$("#studentSelection").css('box-shadow','2px 2px 1px 1px #888888');
	});

	$("#studentSelection").mouseleave(function () {//鼠标移出
		$("#studentSelection").css('background','rgba(240,134,80,0.7)');
		$("#studentSelection").css('box-shadow','3px 3px 4px 2px #888888');
	});

	$("#teacherSelection").mouseenter(function () {//鼠标移入
		$("#teacherSelection").css('background','rgba(240,134,80,1)');
		$("#teacherSelection").css('box-shadow','2px 2px 1px 1px #888888');
	});

	$("#teacherSelection").mouseleave(function () {//鼠标移出
		$("#teacherSelection").css('background','rgba(240,134,80,0.7)');
		$("#teacherSelection").css('box-shadow','3px 3px 4px 2px #888888');
	});

	$("#studentGrade").mouseenter(function () {//鼠标移入
		$("#studentGrade").css('background','rgba(240,134,80,1)');
		$("#studentGrade").css('box-shadow','2px 2px 1px 1px #888888');
	});

	$("#studentGrade").mouseleave(function () {//鼠标移出
		$("#studentGrade").css('background','rgba(240,134,80,0.7)');
		$("#studentGrade").css('box-shadow','3px 3px 4px 2px #888888');
	});

	/*导航栏标题点击事件*/
	$("#navbar_title_div").click(function (){
		$("#menu_manageSys_form").submit();
	});

	/*菜单项按钮点击事件*/
	$("#setStudentInfo").click(function (){
		$("#menu_setStudentInfo_form").submit();
	});

	$("#setTeacherInfo").click(function (){
		$("#menu_setTeacherInfo_form").submit();
	});

	$("#setCourseInfo").click(function (){
		$("#menu_setCourseInfo_form").submit();
	});

	$("#studentSelection").click(function (){
		$("#menu_studentSelection_form").submit();
	});

	$("#teacherSelection").click(function (){
		$("#menu_teacherSelection_form").submit();
	});

	$("#studentGrade").click(function (){
		$("#menu_studentGrade_form").submit();
	});

	/*菜单项图标点击事件*/
	$("#setStudentInfo_img").click(function (){
		$("#menu_setStudentInfo_form").submit();
	});

	$("#setTeacherInfo_img").click(function (){
		$("#menu_setTeacherInfo_form").submit();
	});

	$("#setCourseInfo_img").click(function (){
		$("#menu_setCourseInfo_form").submit();
	});

	$("#studentSelection_img").click(function (){
		$("#menu_studentSelection_form").submit();
	});

	$("#teacherSelection_img").click(function (){
		$("#menu_teacherSelection_form").submit();
	});

	$("#studentGrade_img").click(function (){
		$("#menu_studentGrade_form").submit();
	});
</script>
</body>
</html>